<template>
  <div class="projectDisplay">
    <x-header :left-options="{backText:'返回'}">项目展示</x-header>
    <div class='projectCard'>
      <div @click='pic' style="background:#77BCF9">
        <p>项目图片</p>
      </div>
      <div @click='video' style="background:#74DDD7">
        <p>项目视频</p>
      </div>
      <div @click='overView' style="background:#F5E08D">
        <p>项目全景</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name:'projectDisplay',
  methods:{
    pic(){
      this.$router.push('/projectDisplay/projectPic')
    },
    video(){
      this.$router.push('/projectDisplay/projectVideo')
    },
    overView(){
      this.$router.push('/projectDisplay/projectOverView')
    }
  }
}
</script>
<style scoped>
  .projectDisplay{
    background:#fff;
  }
  .projectCard{
    padding:10%;
  }
  .projectCard>div{
    margin:10%;
    height:80px;
    text-align:center;
    line-height:80px;
    border-radius:5px;
    color:#fff;
  }
</style>
